<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- 这里设置CSS样式 -->
<link rel="stylesheet" href="./index.css">
<body>
<ul id="carousel">
    <li class="active">page1</li>
    <li>page2</li>
    <li>page3</li>
    <li>page4</li>
    <li>page5</li>
</ul>

<button id="prev">
    <svg style="transform:rotate(180deg);" viewBox="0 0 1024 1024">
    <path fill="none" stroke-linejoin="round" stroke-linecap="round" stroke-width="145.067" stroke="currentColor" d="m341.333 170.667 341.334 341.332-341.334 341.335"></path>
  </svg>
</button>
<button id ='next'>
    <svg viewBox="0 0 1024 1024">
    <path fill="none" stroke-linejoin="round" stroke-linecap="round" stroke-width="145.067" stroke="currentColor" d="m341.333 170.667 341.334 341.332-341.334 341.335"></path>
  </svg>
</button>



</body>


<!-- 这里引入JS脚本 -->
<script src="./index.js"></script>
</html>